import React from "react";
import '@/assets/css/index.scoped.css';
import Tabbar from "@/components/Tabbar";
const Index = () => {
    const Swiper = () => {

        return (
            <React.UI.Swiper>
                <React.UI.Swiper.Item key={1}>
                    <img src="/assets/images/coupon.png" alt="" />
                </React.UI.Swiper.Item>
                <React.UI.Swiper.Item key={2}>
                    <img src="/assets/images/coupon.png" alt="" />
                </React.UI.Swiper.Item>
            </React.UI.Swiper>
        )
    }
    return (
        <>
            {/* <!-- 导航 --> */}
            <div className="top">
                <div>首页</div>
            </div>
            {/* <!-- 轮播图的优惠券 --> */}
            <div className="mySwiper">
                <Swiper />
            </div>

            <div className="hotel_search">
                <input type="text" placeholder="请输入关键词搜索" />
                <div className="screen_icon">
                    <img src="./assets/images/screen.png" alt="" />
                </div>
            </div>

            <div className="hotellist">
                <div className="item">
                    <a href="detail.html">
                        <div className="collect">
                            <img src="./assets/images/heart.png" alt="" />
                        </div>
                        <div className="type_name">新房特惠</div>
                        <div className="images">
                            <div className="swipers">
                                <img src="./assets/images/hotel1.jpg" alt="" />
                            </div>
                            <div className="title">暑假特价房</div>
                        </div>
                        <div>
                            <div className="item_top">
                                <span>推广优惠</span>
                                <span>月租惠选</span>
                                <span>满减优惠</span>
                                <span>节假日优惠</span>
                            </div>
                            <div className="item_bot">
                                <div className="font">
                                    <span className="price">￥60.00/晚</span>
                                    <span className="market_price">￥80.00/晚</span>
                                </div>
                                <div className="btn">立即预定</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>

            <div className="hotel_more">
                没有更多了
            </div>

            <div style={{ height: '55px' }}></div>

            <Tabbar />
        </>
    )
}


export default Index;